//写个常量  //先拿到一个画布的上下文
const ctx = wx.createCanvasContext('myCanvas')
Page({
    data:{
        mosaic:true,
    },
    open(){
        //微信小程序api 负责打开图片
        //同步，是一个一个代码按顺序执行的
        //异步，异步的代码就算先执行，其他代码也可以不用等它出执行结果就可以被执行，要给它指定一个回调函数，等代码执行完就会执行回调函数，然后就会返回执行结果
        wx.chooseImage({
            //这个是打开后可选的图片数量，类型是数组
            count: 1,
        }).then(res=>{
            console.log(res)
            //画出图片到画布上
            ctx.drawImage(res.tempFilePaths[0],0,0)
            ctx.draw()
        })  
    },
    move(e){
        console.log(e)
        //如果打码按钮为真
        if(this.data.mosaic){
            ctx.setFillStyle('red')
            ctx.fillRect(e.touches[0].x,e.touches[0].y,10,10)
            ctx.fillRect(e.touches[0].x+10,e.touches[0].y+10,10,10)
            ctx.setFillStyle('blue')
            ctx.fillRect(e.touches[0].x+10,e.touches[0].y,10,10)
            ctx.fillRect(e.touches[0].x,e.touches[0].y+10,10,10)
            ctx.draw(true)
        
        //如果不打马赛克就这么画
        }else{
            ctx.clearRect(e.touches[0].x,e.touches[0].y,20,20)
            ctx.draw(true)
        }
    },
    clear(){
        this.setData({
            mosaic:false
        })
    },
    mosaic(){
        this.setData({
            mosaic:true
        })
    },
    //保存，当画布被保存到小程序
    save(){
        wx.canvasToTempFilePath({
          canvasId: 'myCanvas',
        }).then(res=>{
            console.log(res)
        })
    },
    //写字盖章
    seal(res){
        //写红色的字
        ctx.setFillStyle('red')
        //设置图片大小
        ctx.setFontSize(36)
        //x坐标是0，y是200
        ctx.fillText('21121103邓贤鑫',0,200)
        //画在画布上
        ctx.draw(true)
    },
    onShareAppMessage(){
       return{
           title:'邓贤鑫的图片',
           desc:'马赛克',
           path:'/page/work10/index'
       }
    }
})